<template>
  <div id="dswd-contactus-three">
    <div v-if="device==='desktop'" class="dswd-contactus-three">
      <div class="three-wrap">
        <div class="contactus-three-text">
          <div class="contactus-title">公司地址</div>
          <div class="contactus-en-title">Address</div>
        </div>
        <div class="aboutus-three-content">
          <posmap />
          <div class="aboutus-info">
            <div class="info-wrap">
              <div class="info-icon">
                <img src="../../assets/image/contactus/three/mobile.png" alt="mobile">
              </div>
              <div class="info-content">
                <div class="info-text">客服热线：</div>
                <div class="info-text">13598895817</div>
              </div>
            </div>
            <div class="info-wrap">
              <div class="info-icon">
                <img src="../../assets/image/contactus/three/local.png" alt="local">
              </div>
              <div class="info-content">
                <div class="info-text">公司地址：</div>
                <div class="info-text">郑州市郑东新区中道东路6号智慧岛大厦10层</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div v-if="device==='ipad'" class="dswd-p-contactus-three">
      <div class="three-wrap">
        <div class="contactus-three-text">
          <div class="contactus-title">公司地址</div>
          <div class="contactus-en-title">Address</div>
        </div>
        <div class="aboutus-three-content">
          <posmap />
          <div class="aboutus-info">
            <div class="info-wrap">
              <div class="info-icon">
                <img src="../../assets/image/contactus/three/mobile.png" alt="mobile">
              </div>
              <div class="info-content">
                <div class="info-text">客服热线：</div>
                <div class="info-text">13598895817</div>
              </div>
            </div>
            <div class="info-wrap">
              <div class="info-icon">
                <img src="../../assets/image/contactus/three/local.png" alt="local">
              </div>
              <div class="info-content">
                <div class="info-text">公司地址：</div>
                <div class="info-text">郑州市郑东新区中道东路6号智慧岛大厦10层</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div v-if="device==='mobile'" class="dswd-m-contactus-three">
      <div class="three-wrap">
        <div class="contactus-three-text">
          <div class="contactus-title">公司地址</div>
          <div class="contactus-en-title">Address</div>
        </div>
        <div class="aboutus-three-content">
          <posmap />
          <div class="aboutus-info">
            <div class="info-wrap">
              <div class="info-icon">
                <img src="../../assets/image/contactus/three/mobile.png" alt="mobile">
              </div>
              <div class="info-content">
                <div class="info-text">客服热线：</div>
                <div class="info-text">13598895817</div>
              </div>
            </div>
            <div class="info-wrap">
              <div class="info-icon">
                <img src="../../assets/image/contactus/three/local.png" alt="local">
              </div>
              <div class="info-content">
                <div class="info-text">公司地址：</div>
                <div class="info-text">郑州市郑东新区中道东路6号智慧岛大厦10层</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import posmap from './posmap'
import { mapState } from 'vuex'
export default {
  components: { posmap },
  data() {
    return {}
  },
  computed: {
    ...mapState({
      device: (state) => state.app.device
    })
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
@import "~@/styles/contactus/three.scss";
</style>